@charset "UTF-8";
body{font-family: "Microsoft YaHei" !important;}
i.icon{
  display: inline-block;
}
#linkArrow{
  display: inline-block;
  height: auto !important;
}
a{text-decoration: none !important;}
.in-tit{
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.addSlick div{outline: none;}
.container-fluid{
  padding: 0;
}
.main{min-width: 300px;}
.row{margin: 0;}
.line{height: 1px;border-top: 1px solid #333;}
// 导航栏
.navs{
  height: 100px;background-color: #fff;font-size: 0;
  padding: 0 100px;position: relative;
  border-bottom: 1px solid #ddd;
  .logo{
    height: 100px;line-height: 100px;
    .slogn{
      position: relative;left: 13px;top: 8px;
    }
  }
  .nav-menu{
    font-size: 0;position: absolute;
    top: 30px;right: 85px;cursor: pointer;
    display: none;z-index: 999;
  }
  ul{
    li{
      font-size: 14px;color: #555;vertical-align: middle;
      height: 100px;line-height: 100px;float: left;
      a{
        padding: 0;color: #555;padding-right: 40px;
        span{
          display: inline-block;vertical-align: middle;
          width: 45px;height: 14px;border-left: 1px solid #eee;
        }
      }
      img{
        margin-right: 10px;display: inline-block;
        position: relative;top: -2px;
      }
      &.active{background-color: #efefef;}
      &:first-child a{padding-left: 45px;}
    }
  }
}
.sub-nav{
  width: 100%;height: 56px;line-height: 56px;background-color: #fff;
  text-align: right;display: none;z-index: 9999;
  position: absolute;right: 0;top: 100px;
  &:first-child{padding-right: 670px;}
  &:nth-child(2){padding-right: 570px;}
  &:nth-child(3){padding-right: 380px;}
  &:nth-child(4){padding-right: 150px;}
  &:nth-child(5){padding-right: 100px;}
  a{
    margin-left: 94px;
    &:first-child{margin-left: 0;}
    p{margin: 0;}
    .inner{
      display: inline-block;
      .nav-list{
        overflow: hidden;padding: 0 15px;
        height: 56px;line-height: 56px;
        color: #666;border-bottom: 3px solid transparent;
      }
      &:hover .nav-list{border-color: #333;}
    }
  }
}
.banner{
  width: 100%;height: 840px;color: #fff;font-size: 18px;
  background: #000 url('../images/banner-img.jpg') top right no-repeat;
  background-size: auto 100%;
  p.tit{
    font-size: 50px;margin-top: 185px;
  }
  p.sub{
    font-size: 30px;margin-bottom: 20px;
  }
  .b-down{
    width: 40px;height: 37px;background: url('../images/banner-down.png');
    margin-top: 210px;position: relative;top: 0;
    animation: b-down 1s infinite;
  }
  @keyframes b-down{
    0%{top: 0;}
    50%{top: 20px;}
    100%{top: 0;}
  }
}
.grayBg{
  width: 100%;background-color: #f4f4f4;overflow: hidden;
}
.contain80{
  width: 90%;margin: 0 auto;
}
// 数字营销
.box{
  background-color: #fff;padding: 70px 0 30px;position: relative;
  .left{
    padding: 0 5.5%;box-sizing: border-box;
    .tit{font-size: 22px;color: #2f2f2f;}
    .line{display: block;width: 45px;height: 1px;border-top: 1px solid #2f2f2f;margin-top: 10px;}
    .down{
      margin: 30px 20px 0 0;
    }
    .txt{
      font-size: 14px;color: #666;line-height: 28px;margin-top: 8px;
      width: 310px;
    }
    .tab-bar{
      margin-top: 28px;
      .bar{
        width: 73px;height: 30px;font-size: 12px;color: #fff;text-align: center;
        line-height: 30px;display: inline-block;background-color: #999999;
        cursor: pointer;margin-left: 14px;
      }
      .bar.active{background-color: #2f2f2f;}
      .bar:first-child{
        margin-left: 0;
      }
    }
    .tab-con{
      .content{
        display: none;
        .intro{
          font-size: 12px;color: #999;margin: 15px 0 18px;
        }
        .con{
          border: 1px solid #e2e2e2;
          .imgBox{
            width: 100%;font-size: 0;position: relative;
            overflow: hidden;
            img{
              width: 100%;
            }
            .mask{
              position: absolute;left: 0;top: 0;
              width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);
              text-align: center;transition: all 0.5s;opacity: 0;
              img{
                width: 25.46%;position: relative;top: 50%;
                transform: translateY(-50%);
              }
            }
          }
          .in-tit{color: #333;margin: 12px 0 6px 14px;}
          .in-txt{font-size: 12px;color: #666;margin-left: 14px;margin-right: 14px;}
          .detail{
            width: 93%;border-top: 2px solid #f1f1f1;font-size: 12px;
            color: #999;padding: 5px 0 10px 14px;margin-top: 8px;
            i{
              width: 25px;height: 6px;background: url('../images/r-arrow.png');
              background-size: 100% 100%;float: right;margin-top: 8px;
            }
          }
        }
        .di-con{
          width: 46.5%;display: inline-block;
        }
        .di-con:hover .mask{opacity: 1;}
        .di-con:last-child{margin-left: 7%;}
        // 媒介
        .media-tit{margin-top: 42px;}
        .line{margin-top: 19px;}
        .medias{margin-top: 24px;padding-bottom: 65px;}
      }
    }
  }
  .right{
    padding: 0;
    position: absolute;bottom: 0;right: 0;
    .r-img{display: none;}
    img{width: 100%;}
  }
  .about{
    position: absolute;right: 0;top: 0;padding: 35px 30px;
    width: 785px;box-sizing: border-box;
    font-size: 28px;color: #666;background-color: #f4f4f4;
    span{
      font-size: 12px;color: #999;vertical-align: middle;
      margin-left: 28px;
    }
    i{
      width: 39px;height: 9px;background: url('../images/r-arrow.png');
    }
    .about-con{
      position: absolute;left: 0;bottom: 110px;
      background-color: #f4f4f4;padding: 50px 62px;
      p.tit{font-size: 50px;color: #333;margin-bottom: 20px;}
      p.sub,p.txt{font-size: 12px;color: #666;line-height: 24px;margin-bottom: 0;}
    }
  }
}
#digital-right .h5-img{
  padding-bottom: 30px;
  img{width: 90%;}
}
.digital .left .tab-con .content{
  position: relative;
  .down{
    position: absolute;right: 0;top: -50px;
  }
  &:last-child .down{top:-100px;}
}
// 互动开发
.interactDev{
  margin-top: 32px;
  .left{
    .tab-bar .bar{width: 97px;}
    .tab-con{
      p{font-size: 12px;color: #999;margin-top: 15px;margin-bottom: 0;}
      .content{
        .con{
          .in-tit{margin: 18px 15px 14px;}
          .in-txt{margin: 0 0 14px 17px;}
        }
        .list {
          outline: none;margin-top: 25px;
          .imgBox{
            width: 100%;
            img{width: 100%;height: 100%;}
          }
          .detail{
            margin-left: 16px;width: 88%;
            i{width: 30px;height: 5px;margin-top: 6px;}
          }
        }
      }
    }
  }
}
.interactBug .left .content .row{opacity: 0;}
// 团队介绍
.teamIntro{
  margin-top: 33px;
  .img{
    padding: 0;
    img{width: 100%;}
  }
  .text{
    padding: 0;background-color: #2f2f2f;overflow: hidden;
    position: relative;
    .inner{
      width: 70%;margin: 105px auto 20px;
      .tit{font-size: 22px;color: #fff;}
      .line{display: block;width: 55px;height: 1px;border-top: 1px solid #fff;}
      .txt{font-size: 14px;color: #bcbcbc;line-height: 28px;margin-top: 25px;}
    }
    .down{position: absolute;right: 70px;bottom: 100px;}
  }
}
// 新闻动态
.news{
  .left{
    .down{margin: 0 20px 0 0;}
    .tab-con .news-content{display: block;margin-top: 20px;}
  }
}
// 媒体资源
.mediaRes{
  margin-top: 33px;
  .left{
    .txt{width: 100%;}
    .row{
      margin-top: 20px;padding-bottom: 35px;
      div{
        text-align: center;margin-top: 20px;
      }
    }
  }
}
// 联系方式
.contactBox{
  width: 100%;background-color: #f4f4f4;
}
.contact{
  background-color: #ededed;margin-top: 33px;padding: 50px 5.5% 57px;
  .contact-list{
    width: 24%;margin-left: 14%;display: inline-block;
    vertical-align: top;font-size: 0;
    .name{font-size: 14px;color: #333;font-weight: bold;}
    .info{
      border-top: 1px solid #333;font-size: 12px;color: #666;
      margin-top: 20px;padding-top: 20px;line-height: 24px;
      .contact-btn{
        width: 110px;height: 35px;text-align: center;line-height: 35px;
        cursor: pointer;font-size: 14px;box-sizing: content-box;
      }
      .btn1{background-color: #333;color: #fff;border: 1px solid #333;}
      .btn2{color: #666;border: 1px solid #999;margin-top: 13px;}
    }
  }
  .contact-list:first-child{margin-left: 0;}
}
// 底部信息
.footer{
  width: 100%;background-color: #2f2f2f;
  .inner{
    width: 90%;padding: 45px 0 55px;
    .logo{
      .slogn{margin-left: 14px;position: relative;top: 6px;}
    }
    .links{
      position: relative;top: 15px;
      a{font-size: 14px;color: #999;margin-right: 55px;}
      a:last-child{margin-right: 0;}
      a:hover{color: #fff;}
    }
  }
}
.bot-line{width: 95%;height: 1px;border-top: 1px solid #999;}
.footer2{
  font-size: 14px;color: #999;
  .row{
    text-align: center;
    .bot-copyright{display: inline-block;margin-left: 8px;}
  }
}




// 媒体查询
@media (min-width:1408px){
  #digital-right .media-img img{
    width: 528px;
  }
}
@media (min-width:992px) {
  .digital .about .about-con{
    opacity: 0;z-index: 999;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
  }
  .digital .about .about-con.active{opacity: 1;}
}
@media (min-width:1600px){
  .container{width: 1440px;}
}
@media (max-width:1600px){
  .navs{
    padding: 0 60px;
  }
}
@media (max-width:1366px){
  .navs{padding: 0 40px;}
  .banner{
    height: 650px;
    .b-down{margin-top: 120px;}
  }
  .box{
    .left{
      padding: 0 3%;
    }
    .about{
      width: 680px;padding: 30px 25px;
      .about-con{
        padding: 30px 36px;
      }
      span{margin-left: 12px;}
      .about-con{bottom: 100px;}
    }
  }
  .interactDev{
    .left .tab-con .content{
        .list{
        padding: 0 10px;margin-top: 20px;
      }
    }
  }
  .teamIntro .text .down{bottom: 50px;right: 50px;}
  .contact{padding-left: 3%;padding-right: 3%;}
}
@media (max-width:1199px){
  .navs{padding: 0 10px 0 40px;}
  .sub-nav{
    &:first-child{padding-right: 640px;}
    &:nth-child(2){padding-right: 540px;}
    &:nth-child(3){padding-right: 360px;}
    &:nth-child(4){padding-right: 150px;}
    &:nth-child(5){padding-right: 80px;}
    a{margin-left: 40px;}
  }
  .banner{
    font-size: 20px;
    p.tit{font-size: 38px;}
    p.sub{font-size: 24px;}
  }
}
@media (max-width:1170px){
  .box .about{
    width: 560px;padding: 20px 15px;font-size: 22px;
    span{display: none;}
    i{
      margin-top: 12px;width: 28px;height: 6px;
      background: url('../images/r-arrow.png');
      background-size: 100% 100%;
    }
    .about-con{bottom: 71px;}
  }
}
@media (min-width:992px){
  ul{display: block !important;}
}
@media (max-width:1100px) {
  .navs{
    height: 80px;
    .logo{
      line-height: 80px;height: 80px;
    }
    ul li{
      height: 80px;line-height: 80px;
      a{
        padding-right: 25px;
        span{width: 25px;}
      }
      &:first-child a{padding-left: 25px;}
    }
  }
  .sub-nav{
    top: 80px;
    &:first-child{padding-right: 450px;}
    &:nth-child(2){padding-right: 380px;}
    &:nth-child(3){padding-right: 240px;}
    &:nth-child(4){padding-right: 70px;}
    &:nth-child(5){padding-right: 30px;}
    a{margin-left: 40px;}
  }
  .teamIntro{
    .text .inner{margin-top: 70px;}
  }
}
@media (min-width:992px) and (max-width:1099px){
  #digital-right .media-img{margin-bottom: 80px;}
}
@media (max-width:991px){
  .navs{
  .nav-menu{display: block;}
    ul{
      position: absolute;top: 80px;right: 0;
      z-index: 99;display: none;
      li{
        float: none;background-color: #fff;
        height: 70px;line-height: 70px;
        border-top: 1px solid #e2e2e2;
        a{
          padding-right: 70px;padding-left: 50px;
          span{border: none;}
        }
      }
      li:first-child{
        border-top: none;
        a{padding-left: 72px;}
      }
    }
  }
  // 二级导航
  .sub-nav{
    position: absolute;top: 80px;right: 201px;
    width: 150px;height: auto;
    text-align: center;padding-right: 0 !important;
    a{
      text-decoration: none;
      border-top: 1px solid #e2e2e2;margin-left: 0;
      .inner{
        width: 150px;display: block;
        .nav-list{
          padding: 0;margin: 0;border: none;
          height: 70px;line-height: 70px;
          .tit{margin: 0;font-size: 14px;}
        }
      }
      &:hover .inner{background-color: #efefef;}
    }
  }
  .box{
    padding-top: 30px;
    .left{
      .tab-bar{margin-top: 15px;}
      .tab-con .content .medias{padding-bottom: 20px;}
    }
    .right{position: static;margin-top: 20px;}
    .about{
      width: 500px;
      .about-con{padding: 20px 40px;}
    }
  }
  #digital-right .h5-img{
    padding-bottom: 0;
    img{width: 100%;}
  }
  .digital{padding-bottom: 0;}
  .teamIntro{
    .text{
      height: 180px !important;
      .inner{margin-top: 30px;width: 85%;}
      .down{top: 30px;}
    }
  }
  .footer .inner{
    .logo .slogn{display: none;}
    .links a{margin-right: 40px;}
  }
}
@media (max-width:767px){
  .main{padding-top: 50px;}
  .contain80{width: 100%;}
  .navs{
    height: 50px;padding: 0 20px;
    position: fixed;left: 0;top: 0;
    width: 100%;z-index: 9999999;
    .logo{
      line-height: 50px;height: 50px;
      img{height: 30px;}
      .slogn{display: none;}
    }
    .nav-menu{
      top: 15px;right: 20px;
    }
    ul{
      top: 50px;
      li{
        height: 50px;line-height: 50px;
        a{padding-right: 40px;padding-left: 25px;}
        &:first-child a{padding-left: 50px;}
      }
    }
  }
  // 二级导航
  .sub-nav{
    position: fixed;top: 50px;right: 146px;width: 100px;
    a{
      .inner{
        width: 100px;display: block;
        .nav-list{
          padding: 0;margin: 0;
          height: 50px;line-height: 50px;
          .tit{margin: 0;font-size: 14px;}
        }
      }
    }
  }
  .banner{
    height: 600px;
    p.tit{margin-top: 100px;font-size: 34px;}
    p.sub{margin-bottom: 10px;}
  }
  .indexBanner .b-down{display: none;}
  .box{
    padding-top: 0;
    .about{
      position: relative;width: 100%;padding: 10px 25px 12px;
      background-color: #fff;border-bottom: 5px solid #f4f4f4;
      .about-con{
        position: absolute;bottom: 43px;padding: 20px 28px;margin-bottom: 10px;
        background-color: #fff;
        p.tit{
          font-size: 32px;margin-bottom: 10px;
        }
      }
    }
    .left{
      padding: 20px 0 0;
      .tab-con .content{
        .con .detail{
          width: 95%;
          i{
            width: 28px;height: 6px;
          }
        }
        .di-con{width: 100%;}
      }
      .tab-con .content .di-con:last-child{margin-left: 0;margin-top: 20px;}
    }
  }
  .interactDev .left{
    padding-left: 15px;padding-right: 15px;
    .tab-con .content{
      .list{
        padding: 0;
        .detail{width: 88%;}
      }
    }
  }
  .interactBug .left .content{background: url("../images/loading.gif") center no-repeat;}
  .teamIntro{
    .text{
      .inner .txt{margin-top: 16px;line-height: 24px;}
    }
  }
  .mediaRes{
    .left{
      padding-left: 15px;padding-right: 15px;
      .row{
        margin-top: 10px;padding-bottom: 20px;
        div{
          margin-top: 15px;
          // img{width: 80%;}
        }
      }
    }
  }
  .contact{
    padding: 10px 15px 20px;
  }
  .footer{
    .inner{
      padding: 30px 0;
      .logo{float: none !important;}
      .links{
        float: none !important;
        a{display: inline-block;line-height: 28px;}
      }
    }
  }
}
@media (max-width:540px){
  .mediaRes .left .row div img{
    width: 80%;height: auto;
  }
  .contact{
    .contact-list{
      width: 40%;margin-left: 0;
    }
    .contact-list:nth-child(2){
      margin-left: 20%;
    }
    .contact-list:last-child{
      width: 100%;
      .contact-btn{display: inline-block;}
      .btn2{margin-left: 30px;}
    }
  }
}
@media (max-width:374px){
  .banner .txt{display: none;}
  .interactDev .left .tab-bar .bar{width: 80px;}
}

.news-wrap .img{
  width: auto;
}
.news-img-wrap{
  width: 1024px;
  height: 280px;
  background-size: cover;
  text-align: center;
}
